<ion-header class="mine-contacts-header">
  <ion-navbar hideBackButton="true">
    <ion-buttons start navPop class="back-buttons">
      <button ion-button clear></button>
    </ion-buttons>

    <ion-title float-left>紧急联系人</ion-title>
  </ion-navbar>
</ion-header>

<ion-content class="mine-contacts-section">

  <div class="contacts-title">直属亲属</div>
  <ion-list>
      <a ion-item class="arrows-right">
        <ion-label>与本人关系</ion-label>
        <ion-multi-picker id="FamilyTies"
                          [(ngModel)]="initFamily"
                          item-content
                          cancelText="取消"
                          doneText="确定"
                          [multiPickerColumns]="FamilyTies"
        ></ion-multi-picker>
      </a>
      <a ion-item (click)="choiceFamily()">
        <h2>紧急联系人</h2>
        <div *ngIf="family">{{family.name}}</div>
        <div *ngIf="!family">请选择</div>
      </a>
  </ion-list>

  <div class="contacts-title">其他联系人</div>
  <ion-list class="add-bottom">
      <a ion-item class="arrows-right">
        <ion-label>与本人关系</ion-label>
        <ion-multi-picker id="SocietyTies"
                          [(ngModel)]="initSociety"
                          item-content
                          cancelText="取消"
                          doneText="确定"
                          [multiPickerColumns]="SocietyTies"
        ></ion-multi-picker>
      </a>
      <a ion-item  (click)="choiceFriend()">
        <h2>紧急联系人</h2>
        <div *ngIf="friend">{{friend.name}}</div>
        <div *ngIf="!friend">请选择</div>
      </a>
  </ion-list>
  <bank-encryption-footer></bank-encryption-footer>
</ion-content>

<ion-footer class="mine-contacts-footer">
  <button ion-button
          full
          [disabled]="!( friend && family)"
          (click)="doSaveContactsInfo()"
          color="default"
  >保存</button>
</ion-footer>
